{extend name="public/base" /}

{block name="title"}{$u.nickname ?: $u.name}的主页-{$sysInfo.webname}{/block}
{block name="description"}{$u.sign}{/block}
{block name="link"}<link rel="stylesheet" href="/static/res/css/plyr.css" charset="utf-8">{/block}
{block name="column"}{/block}
{block name="content"}
<div class="fly-home fly-panel" style="background-image: url();">
  <img src="{$u.user_img}" alt="{$u.name}">
  <i class="iconfont icon-renzheng" title="Fly社区认证"></i>
  <h1>
    {$u.nickname ?: $u.name}
    {if($u.sex==0)}<i class="iconfont icon-nan"></i>
    {else}<i class="iconfont icon-nv"></i> {/if}
	{if($u.vip > 0)}
    <i class="layui-badge fly-badge-vip">VIP{$u.vip}</i>
	{/if}
    <!--
    <span style="color:#c00;">（管理员）</span>
    <span style="color:#5FB878;">（社区之光）</span>
    <span>（该号已被封）</span>
    -->
  </h1>
  <p style="padding: 10px 0; color: #5FB878;">{:lang('authentication information')}</p>
  <p class="fly-home-info">
    <i class="iconfont icon-kiss" title="飞吻"></i><span style="color: #FF7200;">{$u.point} {:lang('accumulate points')}</span>
    <i class="iconfont icon-shijian"></i><span>{$u.create_time|date='Y-m-d'} {:lang('join')}</span>
    <i class="iconfont icon-chengshi"></i><span>{:session('user_id') ? '来自'.$u.city: lang('log in to view')}</span>
  </p>
  <p class="fly-home-sign">（{$u.sign ?: lang('it is not signed yet')}）</p>

  <div class="fly-sns" data-user="">
    <a href="javascript:;" class="layui-btn layui-btn-primary fly-imActive" data-type="addFriend">{:lang('add friends')}</a>
    <a href="javascript:;" class="layui-btn layui-btn-normal fly-imActive" data-type="chat">{:lang('start a chat')}</a>
  </div>
</div>

<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md6 fly-home-jie">
      <div class="fly-panel">
        <h3 class="fly-panel-title">{:lang('recent statements')}</h3>
        <ul class="jie-row">
		{volist name="$arts" id="vo"}
          <li>
            {if condition="$vo.is_hot==1"}<span class="fly-jing">{:lang('hot')}</span>{/if}
            <a href="{:url('article/detail',['id'=>$vo.id])}" class="jie-title"> {$vo.title}</a>
            <i>{$vo.create_time|date='Y-m-d'}</i>
            <em class="layui-hide-xs">{$vo.pv} {:lang('browses')}</em>
          </li>
		  {/volist}
		  {if condition="$arts eq ''"}
          <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><i style="font-size:14px;">没有发表任何求解</i></div>
		 {/if}
        </ul>
      </div>
    </div>
    
    <div class="layui-col-md6 fly-home-da">
      <div class="fly-panel">
        <h3 class="fly-panel-title">{:lang('recent answers')}</h3>
        <ul class="home-jieda">
		{volist name="$reys" id="vo" empty="没有回答任何问题"}
          <li>
          <p>
          <span>{$vo.create_time|date='Y-m-d H-m'}</span>
          {:lang('in')}<a href="{:url('article/detail',['id'=>$vo.id])}" target="_blank">{$vo.title}</a>{:lang('reply')}：
          </p>
          <div class="home-dacontent detail-body jieda-body photos" >{$vo.content}</div>
        </li>
		{/volist}
          <!-- <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><span>没有回答任何问题</span></div> -->
        </ul>
      </div>
    </div>
  </div>
</div>
{/block}

{block name="script"}
<script>
  layui.use(['fly','face','plyr'], function(){
  var $ = layui.$;
  var fly = layui.fly;
  var face = layui.face
  ,plyr = layui.plyr;
  
  //如果你是采用模版自带的编辑器，你需要开启以下语句来解析。
  $('.detail-body').each(function(){
    var othis = $(this), html = othis.html();
    othis.html(fly.content(html));
  });
  //加载播放器
  plyr.setup();
});
</script>
{/block}
